<template>
  <div class="zscf_block1 mt30 ">
    <h2 class="zscf_block1_tit clearfix    ">
      <span class="fl"><strong>最新消息</strong>蜜雪冰城成功入驻本网站…… </span><a href="#" class="fr">查看更多>></a>
    </h2>
    <div class="clearfix clear">
      <ul class="zscf_block1_text clearfix fl">
        <li>
          <span class="block1_libg01">已加入英联智融</span>
          <br>
          <em><strong>123</strong>人</em>
        </li>
        <li>
          <span class="block1_libg02">已加入英联智融</span>
          <br>
          <em><strong>456</strong>项目</em>
        </li>
        <li>
          <span class="block1_libg03">已加入英联智融</span>
          <br>
          <em><strong>123123</strong>元</em>
        </li>
      </ul>
      <!-- end l -->
      <div class="block1_r fl detail">
        <h2 class="block1_r_tit clearfix">
          <span>网站公告</span>
        </h2>
        <ul>
          <li
            v-for="(item,index) in notice"
            :key="index"
          >
            <span>
              <nuxt-link :to="`/notice/${item._id}`" class="notice-link">{{ item.title }}</nuxt-link>
            </span><em>{{ item.updated | date }}</em>
          </li>
        </ul>
      </div>
    </div>
  </div>
</template>
<script>
import dayjs from 'dayjs'

export default {
  name: 'IndexLatestInfo',
  filters: {
    date (val) {
      return dayjs(val).format('YYYY-MM-DD')
    }
  },
  props: {
    notice: {
      type: Array,
      default: () => []
    }
  }
}
</script>
<style scoped>
.zscf_block1{
  font-size: 0.8rem;
}
.detail{
  width: 415px;
}
.notice-link{
  color: #8d8d8d;
  font-size: 13px;
  font-style: normal;
}
</style>
